<template>
  <div class="home">
    <Banner></Banner>
    <div class="inner">
      <Fine></Fine>
      <HotChange></HotChange>
    </div>
    <Chicken></Chicken>
  </div>
</template>

<script>
import HotChange from "@/components/HotChange.vue";
import Banner from "@/components/Banner.vue";
import Fine from "@/components/Fine.vue";
import Chicken from "@/components/Chicken.vue";
export default {
  name: "HomeView",
  components: {
    Banner,
    Fine,
    HotChange,
    Chicken,
  },
};
</script>
<style lang="less" scoped>
.inner {
  background-color: #f5f5f5;
}
</style>
